<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./axios/axios.js"></script>
    <link rel="stylesheet" href="./bootstrap/bootstrap.css">
    <link rel="stylesheet" href="./css/content.css">
</head>
<body>
    <!-- 头部导航条 -->
    <div class="navbar" style="background-color: #444444;height: 70px;">
        <div class="container">
            <div class="nav-left justify-content-start">
                <img src="./imgs/logo.PNG" style="width: 100px ;height: 50px;">
                <input type="text" class="search-query">  
            </div>
            <ul class="nav justify-content-end">
                <li class="nav-item">
                    <a class="nav-link nav-1" href="index.html">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-1" href="#">新手入门</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-1" href="#">API</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-1 " href="#">关于</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link  nav-1" href="#">注册</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link  nav-1" href="#">登录</a>
                </li>
            </ul>
        </div>
    </div>
<!-- 中部内容 -->
    <div class="central">
        <!-- 左边内容 -->
        <div class="central_1">     
            <div class="_title_1"></div>
            <div class="_title_2"></div>
            <hr>
            <div class="content_1"></div>
        </div>
        <!-- 右边作者 -->
        <div class="central_2">
            <div class="_title_3"><div>作者</div></div>
            <div class="content_2"></div>
        </div>
        <div class="central_3">
            <div class="_title_4"><div>作者其他话题</div></div>
            <div class="content_3">"作者暂无发布其他话题"</div>
        </div>
        <div class="central_4">
            <div class="_title_5"><div>无人回复的话题</div></div>
            <div class="content_4">"暂无无人回复的话题"</div>
        </div>
        <div class="central_5">
            <div class="_title_6"></div>
            <div class="content_5"></div>
        </div>
        
    </div>
    <!-- 底部logo -->
    <div class="under_logo">
        <a href="https://www.digitalocean.com/?refcode=eba02656eeb3"><img src="./imgs/logo_under.png"></a>
    </div>
</body>
<script src="./js/content.js"></script>
</html>